<!--
    <link href="../css/animate.css" rel="stylesheet">
    <link href="../css/style.css" rel="stylesheet">-->


<!--<body class="white-bg">
                <div class="wrapper wrapper-content p-xl">
                    <div class="ibox-content p-xl">
                            <div class="row">
                                <div class="col-sm-6">
                                    <h5>From:</h5>
                                    <address>
                                        <strong>Inspinia, Inc.</strong><br>
                                        106 Jorg Avenu, 600/10<br>
                                        Chicago, VT 32456<br>
                                        <abbr title="Phone">P:</abbr> (123) 601-4590
                                    </address>
                                </div>

                                <div class="col-sm-6 text-right">
                                    <h4>Invoice No.</h4>
                                    <h4 class="text-navy">INV-000567F7-00</h4>
                                    <span>To:</span>
                                    <address>
                                        <strong>Corporate, Inc.</strong><br>
                                        112 Street Avenu, 1080<br>
                                        Miami, CT 445611<br>
                                        <abbr title="Phone">P:</abbr> (120) 9000-4321
                                    </address>
                                    <p>
                                        <span><strong>Invoice Date:</strong> Marh 18, 2014</span><br/>
                                        <span><strong>Due Date:</strong> March 24, 2014</span>
                                    </p>
                                </div>
                            </div>

                            <div class="table-responsive m-t">
                                <table class="table invoice-table">
                                    <thead>
                                    <tr>
                                        <th>Item List</th>
                                        <th>Quantity</th>
                                        <th>Unit Price</th>
                                        <th>Tax</th>
                                        <th>Total Price</th>
                                    </tr>
                                    </thead>
                                    <tbody>
                                    <tr>
                                        <td><div><strong>Admin Theme with psd project layouts</strong></div>
                                            <small>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</small></td>
                                        <td>1</td>
                                        <td>$26.00</td>
                                        <td>$5.98</td>
                                        <td>$31,98</td>
                                    </tr>
                                    <tr>
                                        <td><div><strong>Wodpress Them customization</strong></div>
                                            <small>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
                                                Eiusmod tempor incididunt ut labore et dolore magna aliqua.
                                            </small></td>
                                        <td>2</td>
                                        <td>$80.00</td>
                                        <td>$36.80</td>
                                        <td>$196.80</td>
                                    </tr>
                                    <tr>
                                        <td><div><strong>Angular JS & Node JS Application</strong></div>
                                            <small>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</small></td>
                                        <td>3</td>
                                        <td>$420.00</td>
                                        <td>$193.20</td>
                                        <td>$1033.20</td>
                                    </tr>

                                    </tbody>
                                </table>
                            </div>&lt;!&ndash; /table-responsive &ndash;&gt;

                            <table class="table invoice-total">
                                <tbody>
                                <tr>
                                    <td><strong>Sub Total :</strong></td>
                                    <td>$1026.00</td>
                                </tr>
                                <tr>
                                    <td><strong>TAX :</strong></td>
                                    <td>$235.98</td>
                                </tr>
                                <tr>
                                    <td><strong>TOTAL :</strong></td>
                                    <td>$1261.98</td>
                                </tr>
                                </tbody>
                            </table>
                            <div class="well m-t"><strong>Comments</strong>
                                It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout. The point of using Lorem Ipsum is that it has a more-or-less
                            </div>
                        </div>

    </div>
&lt;!&ndash;
    &lt;!&ndash; Mainly scripts &ndash;&gt;
    <script src="../js/jquery-1.10.2.js"></script>
    <script src="../js/bootstrap.min.js"></script>
    <script src="../js/plugins/metisMenu/jquery.metisMenu.js"></script>

    &lt;!&ndash; Custom and plugin javascript &ndash;&gt;
    <script src="../js/inspinia.js"></script>

    <script type="text/javascript">
        window.print();
    </script>&ndash;&gt;-->
<div style="width: 297mm;height: 210mm !important;margin: 0 auto;">
  <div class="ibox" style="height: 100%;">
    <div class="wrapper wrapper-content" style="height: 100%;padding-top:0px;padding-bottom: 0px;">
      <div id="printArea" class="ibox-content p-xl" style="height: inherit;">
        <div class="row">
          <div class="col-sm-6" style="margin-top:30px;">
            <img height="80px;width:150px;" src="assets/images/validate/logo - 副本.png">
          </div>
        </div>

        <div class="row col-sm-12" style="margin:30px 0px;">
          <h1 class="col-sm-6 col-sm-offset-4">放疗中心剂量验证单</h1>
        </div>

        <div class="row">
          <form name="myForm" class="form-horizontal form-label-left"  id="validate-form" ng-submit="">
            <row>
              <!--  //第一行-->
              <div class="col-sm-12" style="margin-bottom: 30px;height: 55px;">
                <div class="form-group col-sm-3" >
                  <label class="control-label clear-padding" style="float: left;">
                    <span style="">姓名:</span>
                    <span style="color: red; margin-left: 5px;">*</span>
                  </label>
                  <div class="col-sm-9 clear-padding" ng-class="{'has-success':!myForm.name.$pristine && myForm.name.$valid,'has-error':
                          (!myForm.name.$pristine || myForm.name.$touched) && myForm.name.$invalid }">
                    <input type="text" name="name" class="valdiateInput"
                           ng-model="validateForm.patientname"
                           ng-minlength="{{setting.patientname.minlength}}"
                           ng-maxlength="{{setting.patientname.maxlength}}"
                           disabled="disabled"
                           required/>
                    <div class="help-block" ng-messages="myForm.name.$error" ng-if="myForm.name.$touched && myForm.name.$invalid ">
                      <p ng-message="minlength">用户名最小长度为{{setting.patientname.minlength}}</p >
                      <p ng-message="maxlength">用户名最大长度为{{setting.patientname.maxlength}}</p >
                      <p ng-message="required">用户名必填</p >
                    </div>
                  </div>
                </div>

                <div class="form-group col-sm-3">
                  <label class="col-sm-3 control-label clear-padding">
                    病种:<span style="color: red; margin-left: 5px;">*</span>
                    <br><span style="font-size:12px;color:gray;"></span>
                  </label>
                  <div class="col-sm-9 clear-padding DivSelect" ng-class="{'has-success':!myForm.part.$pristine && myForm.part.$valid,'has-error':
                          (!myForm.part.$pristine || myForm.part.$touched) && myForm.part.$invalid }">
                    <select class="valdiateInput SelectList" name="part" id="part" ng-model="validateForm.part"
                            ng-options="part.id as part.txt for part in parts"
                            disabled="disabled">
                    </select>
                    <div class="help-block" ng-messages="myForm.part.$error" ng-if="myForm.part.$touched">
                      <p ng-message="minlength">用户名最小长度为{{minlength}}</p >
                      <p ng-message="maxlength">用户名最大长度为{{maxlength}}</p >
                      <p ng-message="required">计划系统必填</p >
                    </div>
                  </div>
                </div>

                <div class="form-group col-sm-3">
                  <label class="col-sm-3 control-label clear-padding">
                    ID:<span style="color: red; margin-left: 5px;">*</span>
                    <br><span style="font-size:12px;color:gray;"></span>
                  </label>
                  <div class="col-sm-9 clear-padding" ng-class="{'has-success':!myForm.id.$pristine && myForm.id.$valid,'has-error':
                          (!myForm.id.$pristine || myForm.id.$touched) && myForm.id.$invalid }" >
                    <input class="valdiateInput" type="text" name="id"
                           ng-model="validateForm.patientid"
                           ng-minlength="{{setting.patientid.minlength}}"
                           ng-maxlength="{{setting.patientid.maxlength}}"
                           disabled="disabled"
                           required/>
                    <div class="help-block" ng-messages="myForm.id.$error" ng-if="myForm.id.$touched">
                      <p ng-message="minlength">ID长度为{{setting.patientid.minlength}}</p >
                      <p ng-message="maxlength">ID长度为{{setting.patientid.maxlength}}</p >
                      <p ng-message="required">ID为必填</p >
                    </div>
                  </div>
                </div>

                <div class="form-group col-sm-3">
                  <label class="col-sm-4 control-label clear-padding">
                    计划系统:<span style="color: red; margin-left: 5px;">*</span>
                    <br><span style="font-size:12px;color:gray;"></span>
                  </label>
                  <div class="col-sm-8 clear-padding"  ng-class="{'has-success':!myForm.planSystem.$pristine && myForm.planSystem.$valid,'has-error':
                          (!myForm.planSystem.$pristine || myForm.planSystem.$touched) && myForm.planSystem.$invalid }" >
                    <input class="valdiateInput" type="text" name="planSystem"
                           ng-model="validateForm.planSystem"
                           ng-minlength="{{minlength}}"
                           ng-maxlength="{{maxlength}}"
                           disabled="disabled"
                           required/>
                    <div class="help-block" ng-messages="myForm.planSystem.$error" ng-if="myForm.planSystem.$touched">
                      <p ng-message="minlength">用户名最小长度为{{minlength}}</p >
                      <p ng-message="maxlength">用户名最大长度为{{maxlength}}</p>
                      <p ng-message="required">计划系统必填</p >
                    </div>
                  </div>
                </div>
              </div>
              <!--//第二行-->
              <div class="col-sm-12" style="margin-bottom: 30px;height: 55px;">
                <div class="form-group col-sm-3">
                  <label class="control-label clear-padding" style="float: left;">
                    加速器:<span style="color: red; margin-left: 5px;">*</span>
                  </label>
                  <div class="col-sm-9 clear-padding DivSelect ">
                    <select class="valdiateInput SelectList" name="accelerator" id="accelerator" ng-model="validateForm.accelerator" ng-options="accelerator.id as accelerator.txt for accelerator in accelerators">
                    </select>
                  </div>
                </div>

                <div class="form-group col-sm-5">
                  <label class="col-sm-4 control-label clear-padding">
                    验证类别：点剂量<span style="color: red; margin-left: 5px;">*</span>
                    <br><span style="font-size:12px;color:gray;"></span>
                  </label>
                  <div class="col-sm-8  clear-padding" ng-class="{'has-success':!myForm.type.$pristine && myForm.type.$valid,'has-error':
                          (!myForm.type.$pristine || myForm.type.$touched) && myForm.type.$invalid }" >
                    <input class="valdiateInput" type="text" name="type"
                           ng-model="validateForm.validateType"
                           ng-minlength="{{minlength}}"
                           ng-maxlength="{{maxlength}}"
                           disabled="disabled"
                           required/>
                    <div class="help-block" ng-messages="myForm.type.$error" ng-if="myForm.type.$touched">
                      <p ng-message="minlength">用户名最小长度为{{minlength}}</p >
                      <p ng-message="maxlength">用户名最大长度为{{maxlength}}</p >
                      <p ng-message="required">验证类别：点剂量必填</p >
                    </div>
                  </div>
                </div>

                <div class="col-sm-4">
                  <div class="form-group">
                    <label class="col-sm-3 control-label clear-padding">
                      二位面剂量:<span style="color: red; margin-left: 5px;">*</span>
                      <br><span style="font-size:12px;color:gray;"></span>
                    </label>
                    <div class="col-sm-9 clear-padding" ng-class="{'has-success':!myForm.dose.$pristine && myForm.dose.$valid,'has-error':
                          (!myForm.dose.$pristine || myForm.dose.$touched) && myForm.dose.$invalid }" >
                      <input class="valdiateInput" type="text" name="dose"
                             ng-model="validateForm.dose"
                             ng-minlength="{{minlength}}"
                             ng-maxlength="{{maxlength}}"
                             disabled="disabled"
                             required/>
                      <div class="help-block" ng-messages="myForm.dose.$error" ng-if="myForm.dose.$touched">
                        <p ng-message="minlength">用户名最小长度为{{minlength}}</p >
                        <p ng-message="maxlength">用户名最大长度为{{maxlength}}</p >
                        <p ng-message="required">二位面剂量必填</p >
                      </div>
                    </div>
                  </div>
                </div>

              </div>

              <!--//第三行-->
              <div class="col-sm-12" style="margin-bottom: 30px;height: 55px;">
                <div class="form-group col-sm-4">
                  <label class="control-label clear-padding" style="float: left;">
                    设备：点剂量模体 <span style="color: red; margin-left: 5px;">*</span>
                  </label>
                  <div class="col-sm-7 clear-padding" ng-class="{'has-success':!myForm.motif.$pristine && myForm.motif.$valid,'has-error':
                          (!myForm.motif.$pristine || myForm.motif.$touched) && myForm.motif.$invalid }" >
                    <input class="valdiateInput" type="text" name="motif"
                           ng-model="validateForm.motif"
                           ng-minlength="{{minlength}}"
                           ng-maxlength="{{maxlength}}"
                           disabled="disabled"
                           required/>
                    <div class="help-block" ng-messages="myForm.motif.$error" ng-if="myForm.motif.$touched">
                      <p ng-message="minlength">用户名最小长度为{{minlength}}</p >
                      <p ng-message="maxlength">用户名最大长度为{{maxlength}}</p >
                      <p ng-message="required">设备：点剂量模体</p >
                    </div>
                  </div>
                </div>

                <div class="form-group col-sm-3">
                  <label class="col-sm-4 control-label clear-padding">
                    Matrixx <span style="color: red; margin-left: 5px;">*</span>
                    <br><span style="font-size:12px;color:gray;"></span>
                  </label>
                  <div class="col-sm-6 clear-padding"  ng-class="{'has-success':!myForm.matrixx.$pristine && myForm.matrixx.$valid,'has-error':
                          (!myForm.matrixx.$pristine || myForm.matrixx.$touched) && myForm.matrixx.$invalid }" >
                    <input class="valdiateInput" type="text" name="matrixx"
                           ng-model="validateForm.matrixx"
                           ng-minlength="{{minlength}}"
                           ng-maxlength="{{maxlength}}"
                           disabled="disabled"
                           required/>
                    <div class="help-block" ng-messages="myForm.matrixx.$error" ng-if="myForm.matrixx.$touched">
                      <p ng-message="minlength">用户名最小长度为{{minlength}}</p >
                      <p ng-message="maxlength">用户名最大长度为{{maxlength}}</p >
                      <p ng-message="required">Matrixx必填</p >
                    </div>
                  </div>
                </div>

                <div class="form-group col-sm-3">
                  <label class="col-sm-5 control-label clear-padding">
                    Delta4 <span style="color: red; margin-left: 5px;">*</span>
                    <br><span style="font-size:12px;color:gray;"></span>
                  </label>
                  <div class="col-sm-6 clear-padding"  ng-class="{'has-success':!myForm.delta.$pristine && myForm.delta.$valid,'has-error':
                          (!myForm.delta.$pristine || myForm.delta.$touched) && myForm.delta.$invalid }" >
                    <input class="valdiateInput" type="text" name="delta"
                           ng-model="validateForm.delta"
                           ng-minlength="{{minlength}}"
                           ng-maxlength="{{maxlength}}"
                           disabled="disabled"
                           required/>
                    <div class="help-block" ng-messages="myForm.delta.$error" ng-if="myForm.delta.$touched">
                      <p ng-message="minlength">用户名最小长度为{{minlength}}</p >
                      <p ng-message="maxlength">用户名最大长度为{{maxlength}}</p >
                      <p ng-message="required">Delta4必填</p >
                    </div>
                  </div>
                </div>

                <div class="form-group col-sm-3" >
                  <label class="col-sm-5 control-label clear-padding">
                    胶片 <span style="color: red; margin-left: 5px;">*</span>
                    <br><span style="font-size:12px;color:gray;"></span>
                  </label>
                  <div class="col-sm-5 clear-padding" ng-class="{'has-success':!myForm.film.$pristine && myForm.film.$valid,'has-error':
                          (!myForm.film.$pristine || myForm.film.$touched) && myForm.film.$invalid }" >
                    <input type="text" name="film" class="valdiateInput"
                           ng-model="validateForm.film"
                           style="width: 100px;"
                           disabled="disabled"
                           required/>
                    <div class="help-block" ng-messages="myForm.film.$error" ng-if="myForm.film.$touched">
                      <p ng-message="minlength">用户名最小长度为{{minlength}}</p >
                      <p ng-message="maxlength">用户名最大长度为{{maxlength}}</p >
                      <p ng-message="required">胶片必填</p >
                    </div>
                  </div>
                </div>
              </div>

              <!--//第四行-->
              <div class="col-sm-12" style="margin-bottom: 30px;height: 55px;">
                <div class="form-group col-sm-5">
                  <label class="control-label clear-padding" style="float: left;">
                    结果：点剂量误差:<span style="color: red; margin-left: 5px;">*</span>
                    <br><span style="font-size:12px;color:gray;"></span>
                  </label>
                  <div class="col-sm-8 clear-padding"  ng-class="{'has-success':!myForm.result.$pristine && myForm.result.$valid,'has-error':
                          (!myForm.result.$pristine || myForm.result.$touched) && myForm.result.$invalid}" >
                    <input class="valdiateInput"  type="text" name="result"
                           ng-model="validateForm.result"
                           ng-minlength="{{minlength}}"
                           ng-maxlength="{{maxlength}}"
                           disabled="disabled"
                           required/>
                    <div class="help-block" ng-messages="myForm.result.$error" ng-if="myForm.result.$touched">
                      <p ng-message="minlength">用户名最小长度为{{minlength}}</p >
                      <p ng-message="maxlength">用户名最大长度为{{maxlength}}</p >
                      <p ng-message="required">结果：点剂量误差必填</p >
                    </div>
                  </div>
                </div>


                <div class="form-group col-sm-7" >
                  <label class="col-sm-4 col-sm-offset-3 control-label clear-padding">
                    Gamma通过率:<span style="color: red; margin-left: 5px;">*</span>
                    <br><span style="font-size:12px;color:gray;"></span>
                  </label>
                  <div class="col-sm-4 clear-padding" ng-class="{'has-success':!myForm.passRate.$pristine && myForm.passRate.$valid,'has-error':
                          (!myForm.passRate.$pristine || myForm.passRate.$touched) && myForm.passRate.$invalid}" >
                    <input class="valdiateInput" type="text" name="passRate"
                           ng-model="validateForm.passRate"
                           ng-minlength="{{minlength}}"
                           ng-maxlength="{{maxlength}}"
                           disabled="disabled"
                           required/>
                    <div class="help-block" ng-messages="myForm.passRate.$error" ng-if="myForm.passRate.$touched">
                      <p ng-message="minlength">用户名最小长度为{{minlength}}</p >
                      <p ng-message="maxlength">用户名最大长度为{{maxlength}}</p >
                      <p ng-message="required">Gamma通过率必填</p >
                    </div>
                  </div>
                </div>

              </div>

              <!--签名-->
              <!--         <div class="col-sm-12" style="margin-top: 40px;">
                         <div class="col-sm-4 col-sm-offset-7">
                           <div class="form-group">
                             <label class="control-label col-sm-3 clear-padding">签名<span
                               style="color: red; margin-left: 5px;">*</span></label>
                             <div class="col-sm-6 fileinput fileinput-new" data-provides="fileinput">
                               <div id="replaceimage">
                                 <img src=""  err-src="img/default.jpg" style="max-width:200px;max-height:150px;min-width:100px;min-height:100px;margin:0 auto;display:block;"
                                      class="pull-left" id="myfile1">
                               </div>
                               <img ng-src="{{imageSrc}}"
                                    style="max-width:200px;max-height:100px;margin:0 auto;display:block;"
                                    class="pull-left"/>
                               <input type="file" file-model="myFile" id="myfile" ng-model="myfile" name="signaturefile"
                                      style="margin: 10px;display: none;"
                                      onchange="angular.element(this).scope().imageShow(this)" accept="image/jpeg, image/png, image/bmp"/>
                               <input type="button" class="btn btn-info" value="上传签名"
                                      ng-click="openFile()" style="margin:0 5px;">
                             </div>
                           </div>
                         </div>
                       </div>-->

              <!--日期-->
              <div class="col-sm-12" style="margin-top: 20px;">
                <div class="col-sm-4 col-sm-offset-8">
                  <div class="form-group">
                    <label class="col-sm-6 control-label clear-padding">
                      日期:{{validateForm.validateDate}}<span style="color: red; margin-left: 5px;"></span>
                    </label>
                  </div>
                </div>
              </div>
            </row>
          </form>
        </div>

      </div>
    </div>
  </div>
</div>


<!--<body class="white-bg">
<div class="wrapper wrapper-content p-xl">
  <div class="ibox-content p-xl">
    <div class="row">
      <div class="col-sm-6">
        <h5>From:</h5>
        <address>
          <strong>Inspinia, Inc.</strong><br>
          106 Jorg Avenu, 600/10<br>
          Chicago, VT 32456<br>
          <abbr title="Phone">P:</abbr> (123) 601-4590
        </address>
      </div>

      <div class="col-sm-6 text-right">
        <h4>Invoice No.</h4>
        <h4 class="text-navy">INV-000567F7-00</h4>
        <span>To:</span>
        <address>
          <strong>Corporate, Inc.</strong><br>
          112 Street Avenu, 1080<br>
          Miami, CT 445611<br>
          <abbr title="Phone">P:</abbr> (120) 9000-4321
        </address>
        <p>
          <span><strong>Invoice Date:</strong> Marh 18, 2014</span><br/>
          <span><strong>Due Date:</strong> March 24, 2014</span>
        </p>
      </div>
    </div>

    <div class="table-responsive m-t">
      <table class="table invoice-table">
        <thead>
        <tr>
          <th>Item List</th>
          <th>Quantity</th>
          <th>Unit Price</th>
          <th>Tax</th>
          <th>Total Price</th>
        </tr>
        </thead>
        <tbody>
        <tr>
          <td><div><strong>Admin Theme with psd project layouts</strong></div>
            <small>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</small></td>
          <td>1</td>
          <td>$26.00</td>
          <td>$5.98</td>
          <td>$31,98</td>
        </tr>
        <tr>
          <td><div><strong>Wodpress Them customization</strong></div>
            <small>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
              Eiusmod tempor incididunt ut labore et dolore magna aliqua.
            </small></td>
          <td>2</td>
          <td>$80.00</td>
          <td>$36.80</td>
          <td>$196.80</td>
        </tr>
        <tr>
          <td><div><strong>Angular JS & Node JS Application</strong></div>
            <small>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</small></td>
          <td>3</td>
          <td>$420.00</td>
          <td>$193.20</td>
          <td>$1033.20</td>
        </tr>

        </tbody>
      </table>
    </div>&lt;!&ndash; /table-responsive &ndash;&gt;

    <table class="table invoice-total">
      <tbody>
      <tr>
        <td><strong>Sub Total :</strong></td>
        <td>$1026.00</td>
      </tr>
      <tr>
        <td><strong>TAX :</strong></td>
        <td>$235.98</td>
      </tr>
      <tr>
        <td><strong>TOTAL :</strong></td>
        <td>$1261.98</td>
      </tr>
      </tbody>
    </table>
    <div class="well m-t"><strong>Comments</strong>
      It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout. The point of using Lorem Ipsum is that it has a more-or-less
    </div>
  </div>

</div>-->
